<!--- <cfparam name="view" type="string" default="step1" /> --->
<cfparam name="action" type="string" default="" />
<cfparam name="mode" type="string" default="live" />
<cfparam name="error" type="string" default="" />
<cfparam name="alertMessage" type="string" default="" />

<cfparam name="User" type="string" default="" />
<cfparam name="Workshop_ID" type="numeric" default="0" />

<cfscript>
	base = new assets.calgrants.com.Base();
	workshopGateway = new assets.calgrants.com.gateway.WorkshopGateway();
	qWorkshop = workshopGateway.query(Workshop_ID = Workshop_ID);
</cfscript>

<cfscript>
	users = ArrayNew(1);
	
	users[1] = StructNew();
	users[1].name = "Adrian";
	users[1].password = "words";
	
	users[2] = StructNew();
	users[2].name = "Janet";
	users[2].password = "jumps";
	
	users[3] = StructNew();
	users[3].name = "Jesse";
	users[3].password = "clips";
	
	users[4] = StructNew();
	users[4].name = "Delaina";
	users[4].password = "towns";
	
	users[5] = StructNew();
	users[5].name = "Robert";
	users[5].password = "turns";
	
	users[6] = StructNew();
	users[6].name = "Kris";
	users[6].password = "grips";
	
	users[7] = StructNew();
	users[7].name = "Raymond";
	users[7].password = "crows";
	
	users[8] = StructNew();
	users[8].name = "Carolyn";
	users[8].password = "twos";
	
	users[9] = StructNew();
	users[9].name = "Kurt";
	users[9].password = "gulps";
	
	users[10] = StructNew();
	users[10].name = "Lisa";
	users[10].password = "yelps";
	
	users[11] = StructNew();
	users[11].name = "Despina";
	users[11].password = "boots";
	
	users[12] = StructNew();
	users[12].name = "Linda B.";
	users[12].password = "twenty";
	
	users[13] = StructNew();
	users[13].name = "Monique D.";
	users[13].password = "thirty";
	
	users[14] = StructNew();
	users[14].name = "Jamal M.";
	users[14].password = "forty";
	
	users[15] = StructNew();
	users[15].name = "Yvonne H.";
	users[15].password = "fifty";
	
	users[16] = StructNew();
	users[16].name = "LeAnn H.";
	users[16].password = "sixty";
	
	users[17] = StructNew();
	users[17].name = "Tabitha F.";
	users[17].password = "seventy";
	
	users[18] = StructNew();
	users[18].name = "Alejandra";
	users[18].password = "eighty";
	
	users[19] = StructNew();
	users[19].name = "Sally S.";
	users[19].password = "ninty";
	
	users[20] = StructNew();
	users[20].name = "Jeana M.";
	users[20].password = "cars";
	
	users[21] = StructNew();
	users[21].name = "April M.";
	users[21].password = "trains";
	
	users[22] = StructNew();
	users[22].name = "Jon W.";
	users[22].password = "ships";
</cfscript>

<!--- 
CSAC 2015 Data Entry Participants
----------------------------------------
Adrian Slade, adrian.slade@csac.ca.gov
Janet Soliman, janet.soliman@csac.ca.gov
Jesse Flores, Jesse.Flores@csac.ca.gov
Delaina Swanson, delaina.swenson@csac.ca.gov
Robert Gallegos, robert.gallegos@csac.ca.gov
Kris Allot, kris.allott@csac.ca.gov
Raymond Smith, RSmith@csac.ca.gov
Carolyn Henkin, carolyn.henkin@csac.ca.gov
Kurt Zimmer,  KZimmer@csac.ca.gov
Lisa Wright,  lisa.wright@csac.ca.gov
Despina Costopoulos, dcostopo@csac.ca.gov

Pre-2015
--------------------------------------
<cfset users[1] = StructNew() />
<cfset users[1].name = "Debra T." />
<cfset users[1].password = "words" />
<cfset users[2] = StructNew() />
<cfset users[2].name = "Ken H." />
<cfset users[2].password = "cuts" />
<cfset users[3] = StructNew() />
<cfset users[3].name = "Trinette H." />
<cfset users[3].password = "clips" />
<cfset users[4] = StructNew() />
<cfset users[4].name = "James H." />
<cfset users[4].password = "towns" />
<cfset users[5] = StructNew() />
<cfset users[5].name = "Despina C." />
<cfset users[5].password = "boots" />
<cfset users[6] = StructNew() />
<cfset users[6].name = "Kathy Y." />
<cfset users[6].password = "turns" />
<cfset users[7] = StructNew() />
<cfset users[7].name = "Cynthia P." />
<cfset users[7].password = "grips" />
<cfset users[8] = StructNew() />
<cfset users[8].name = "Jenna T." />
<cfset users[8].password = "crows" />
<cfset users[9] = StructNew() />
<cfset users[9].name = "Jennifer M." />
<cfset users[9].password = "twos" />
<cfset users[10] = StructNew() />
<cfset users[10].name = "Roberta M." />
<cfset users[10].password = "gulps" />
<cfset users[11] = StructNew() />
<cfset users[11].name = "Joanna H." />
<cfset users[11].password = "yelps" />
<cfset users[12] = StructNew() />
<cfset users[12].name = "Smilie G." />
<cfset users[12].password = "skates" />
<cfset users[13] = StructNew() />
<cfset users[13].name = "Vickie T." />
<cfset users[13].password = "biteme" />
<cfset users[14] = StructNew() />
<cfset users[14].name = "Shona C." />
<cfset users[14].password = "jumps" />
<cfset users[15] = StructNew() />
<cfset users[15].name = "Eileeen D." />
<cfset users[15].password = "stocks" />
<cfset users[16] = StructNew() />
<cfset users[16].name = "Chas C." />
<cfset users[16].password = "breaks" />
<cfset users[17] = StructNew() />
<cfset users[17].name = "Lavinia P." />
<cfset users[17].password = "planes" />
<cfset users[18] = StructNew() />
<cfset users[18].name = "Shanee E." />
<cfset users[18].password = "loaves" />
<cfset users[19] = StructNew() />
<cfset users[19].name = "Roger M." />
<cfset users[19].password = "toast" />
<cfset users[20] = StructNew() />
<cfset users[20].name = "Wyatt D." />
<cfset users[20].password = "helium" />
<cfset users[21] = StructNew() />
<cfset users[21].name = "Stacy J." />
<cfset users[21].password = "mustangs" />
<cfset users[22] = StructNew() />
<cfset users[22].name = "Elizabeth A." />
<cfset users[22].password = "screens" />
<cfset users[23] = StructNew() />
<cfset users[23].name = "Carla E." />
<cfset users[23].password = "loops" />
 --->

<cfswitch expression="#action#">
	<cfcase value="login">
		<cfparam name="Username" type="string" default="" />
		<cfparam name="Password" type="string" default="" />
		<cfloop index="i" from="1" to="#ArrayLen(users)#">
			<cfif users[i].name eq Username and users[i].Password eq Password>
				<cfset User = Username>
				<cfbreak>
			</cfif>
		</cfloop>
		<cfif Len(Trim(User)) eq 0>
			<cfset alertMessage = "Login failed">
		</cfif>
	</cfcase>		
	<cfcase value="saveExitSurvey">
		<cfquery name="DupeCheck" datasource="#base.getDatasource()#">
			select *
			from Student_2015_PB
			where Workshop_ID = <cfqueryparam cfsqltype="cf_sql_integer" value="#Workshop_ID#">
			and Sequence = <cfqueryparam cfsqltype="cf_sql_integer" value="#Sequence#">
			and Deleted = 0
		</cfquery>
		<cfif DupeCheck.RecordCount gt 0>
			<cfquery name="DeleteDupes" datasource="#base.getDatasource()#">
				update Student_2015_PB
				set Deleted = 1
				where Workshop_ID = <cfqueryparam cfsqltype="cf_sql_integer" value="#Workshop_ID#">
				and Sequence = <cfqueryparam cfsqltype="cf_sql_integer" value="#Sequence#">
			</cfquery>
		</cfif>
		<cfparam name="q1" default="">
		<cfparam name="q2" default="">
		<cfparam name="q3" default="">
		<cfparam name="q4" default="">
		<cfparam name="q5" default="">
		<cfparam name="q6" default="">
		<cfparam name="q7" default="">
		<cfparam name="q8" default="">
		<cfparam name="q9" default="">
		<cfparam name="q10" default="">
		<cfparam name="q11" default="">
		<cfparam name="q12" default="">
		<cfparam name="q13" default="">
		<cfparam name="q14" default="">
		<cfparam name="q15" default="">
		<cfparam name="q16" default="">
		<cfparam name="q17" default="">
		<cfparam name="q18" default="">
		<cfparam name="q19" default="">
		<cfparam name="q21" default="">
		<cfquery name="InsertStudent" datasource="#base.getDatasource()#">
			insert into Student_2015_PB
			(
				Deleted,
				Sequence,
				Origin,
				Workshop_ID,
				First_Name,
				Last_Name,
				Address,
				City,
				Zip_Code,
				Phone1,
				Phone2,
				DOB,
				Email,
				SSN_Code,
				SSN,
				Created_By
			)
			Values
			(
				0,
				<cfqueryparam cfsqltype="cf_sql_integer" value="#Sequence#">,
				'Paper',
				<cfqueryparam cfsqltype="cf_sql_integer" value="#Workshop_ID#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#First_Name#" null="#IIf(Len(Trim(First_Name)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#Last_Name#" null="#IIf(Len(Trim(Last_Name)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#Address#" null="#IIf(Len(Trim(Address)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#City#" null="#IIf(Len(Trim(City)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#Zip_Code#" null="#IIf(Len(Trim(Zip_Code)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#base.formatPhone(Phone1)#" null="#IIf(Len(Trim(Phone1)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#base.formatPhone(Phone2)#" null="#IIf(Len(Trim(Phone2)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#DOB#" null="#IIf(Len(Trim(DOB)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#Email#" null="#IIf(Len(Trim(Email)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#SSN_Code#" null="#IIf(Len(Trim(SSN_Code)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#SSN#" null="#IIf(Len(Trim(SSN)) eq 0, DE(true), DE(false))#">,
				<!--- <cfif Len(Trim(SSN)) gt 0>
					<cfqueryparam cfsqltype="cf_sql_varchar" value="1">,
					<cfqueryparam cfsqltype="cf_sql_varchar" value="#SSN#" null="#IIf(Len(Trim(SSN)) eq 0, DE(true), DE(false))#">,
				<cfelse>
					<cfqueryparam cfsqltype="cf_sql_varchar" value="#SSN_Code#" null="#IIf(Len(Trim(SSN_Code)) eq 0, DE(true), DE(false))#">,
					<cfqueryparam cfsqltype="cf_sql_varchar" null="true">,
				</cfif> --->
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#User#" null="#IIf(Len(Trim(User)) eq 0, DE(true), DE(false))#">
			)
			select @@identity as studentID
		</cfquery>
		<cfquery name="InsertEvaluation" datasource="#base.getDatasource()#">
			insert into Evaluation_2015_PB
			(
				Deleted,
				Student_ID,
				q1,
				q2,
				q3,
				q4,
				q5,
				q6,
				q7,
				q8,
				q9,
				q9_other,
				q10,
				q11,
				q12,
				q12_other,
				q13,
				q13_other,
				q14,
				q14_other,
				q15,
				q16,
				q16_other,
				q17,
				q18,
				q18_other,
				q19,
				q20,
				q21
			)
			Values
			(
				0,
				<cfqueryparam cfsqltype="cf_sql_integer" value="#InsertStudent.studentID#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q1#" null="#IIf(Len(Trim(q1)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q2#" null="#IIf(Len(Trim(q2)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q3#" null="#IIf(Len(Trim(q3)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q4#" null="#IIf(Len(Trim(q4)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q5#" null="#IIf(Len(Trim(q5)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q6#" null="#IIf(Len(Trim(q6)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q7#" null="#IIf(Len(Trim(q7)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q8#" null="#IIf(Len(Trim(q8)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q9#" null="#IIf(Len(Trim(q9)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q9_other#" null="#IIf(Len(Trim(q9_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q10#" null="#IIf(Len(Trim(q10)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q11#" null="#IIf(Len(Trim(q11)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q12#" null="#IIf(Len(Trim(q12)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q12_other#" null="#IIf(Len(Trim(q12_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q13#" null="#IIf(Len(Trim(q13)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q13_other#" null="#IIf(Len(Trim(q13_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q14#" null="#IIf(Len(Trim(q14)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q14_other#" null="#IIf(Len(Trim(q14_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q15#" null="#IIf(Len(Trim(q15)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q16#" null="#IIf(Len(Trim(q16)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q16_other#" null="#IIf(Len(Trim(q16_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q17#" null="#IIf(Len(Trim(q17)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q18#" null="#IIf(Len(Trim(q18)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q18_other#" null="#IIf(Len(Trim(q18_other)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q19#" null="#IIf(Len(Trim(q19)) eq 0, DE(true), DE(false))#">,
				<cfqueryparam cfsqltype="cf_sql_varchar" null="true">,
				<cfqueryparam cfsqltype="cf_sql_varchar" value="#q21#" null="#IIf(Len(Trim(q21)) eq 0, DE(true), DE(false))#">
				
			)
		</cfquery>
	</cfcase>
</cfswitch>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Cash for College Exit Survey Data Entry Interface</title>
	<meta name="description" content="Cash for College Exit Survey Data Entry Interface">
	<meta name="author" content="Syntric">
	<cfoutput>
		<script src="/assets/jquery/jquery.min.js" type="text/javascript"></script>
		<script src="/assets/jquery/jquery-ui.min.js" type="text/javascript"></script>
		<script src="/assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="/assets/kendoui/js/kendo.all.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
		<link href="/assets/bootstrap/css/bootstrap-combined.min.css" rel="stylesheet" />
		<link href="/assets/kendoui/styles/kendo.common.min.css" rel="stylesheet" />
		<link href="/assets/kendoui/styles/kendo.default.min.css" rel="stylesheet" />
		<link href="/assets/calgrants/ui/common.css" rel="stylesheet" />
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css" />
	</cfoutput>
	
	<cfif Len(Trim(alertMessage)) gt 0>
		<cfoutput>
			<script type="text/javascript">
				alert("#alertMessage#");
			</script>
		</cfoutput>
	</cfif>
	
	<style type="text/css">
		.header {
			font-size: 24px;
			line-height: 36px;
			margin-top: 10px;
		}
		.question {
			font-size: 20px;
			line-height: 28px;
			margin-bottom: 10px;
		}
		.answers label {
			font-size: 16px;
			font-weight: normal;
			color: navy;
		}
		.answers {
			margin-left: 20px;
		}
		/*.ui-autocomplete {
			max-height: 400px;
			overflow-y: auto;
			overflow-x: hidden;
		}*/
	</style>
	
	<!--- <cfif view eq "step1">
	
		<script type="text/javascript">
			toggleOther = function(el, otherEl) {
				if ($(el).is(":checked")) {
					$("#" + otherEl).val("");
					$("#" + otherEl).show();
				} else {
					$("#" + otherEl).val("");
					$("#" + otherEl).hide();	
				}
			}
			closeOther = function(otherEl) {
				$("#" + otherEl).val("");
				$("#" + otherEl).hide();
			}
			adjust15 = function() {
				if ($("#q15-1").is(":checked")) {
					$(".q16").attr("checked", false).attr("disabled", true);
					$(".q17").attr("checked", false).attr("disabled", true);
					$("#q16").attr("checked", false).css("color", "silver");
					$("#q17").attr("checked", false).css("color", "silver");
				}
				if ($("#q15-2").is(":checked") || $("#q15-3").is(":checked")) {
					$(".q16").removeAttr("disabled");
					$(".q17").removeAttr("disabled");
					$("#q16").css("color", "black");
					$("#q17").css("color", "black");
				}
			}
			validate = function() {
				var errors = "";
				var valid = true;
				var q7Valid = false;
				$.each($(".q7"), function(i, v) {
					if ($(v).is(":checked")) {
						q7Valid = true;
					}
				})
				if (!q7Valid) {
					errors += "An answer for question 7 is required\n";
				}
				valid = q7Valid;
				if ($("#q9OtherCheckbox").is(":checked") && $("#q9Other").val().length == 0) {
					errors += "An answer for question 9 \"Other\" is required\n";
					valid = false;
				}
				if ($("#q12OtherCheckbox").is(":checked") && $("#q12Other").val().length == 0) {
					errors += "An answer for question 12 \"Other\" is required\n";
					valid = false;
				}
				if ($("#q13OtherCheckbox").is(":checked") && $("#q13Other").val().length == 0) {
					errors += "An answer for question 13 \"Yes\" is required\n";
					valid = false;	
				}
				if ($("#q14OtherCheckbox").is(":checked") && $("#q14Other").val().length == 0) {
					errors += "An answer for question 14 \"Other\" is required\n";
					valid = false;
				}
				if ($("#q16OtherCheckbox").is(":checked") && $("#q16Other").val().length == 0) {
					errors += "An answer for question 16 \"Other\" is required\n";
					valid = false;;	
				}
				if ($("#q18OtherCheckbox").is(":checked") && $("#q18Other").val().length == 0) {
					errors += "An answer for question 18 \"Other\" is required\n";
					valid = false;
				}
				if (!valid) {
					alert(errors);
				}
				return valid;
			}
		</script>
		
	<cfelseif view eq "step2">
		
		<script type="text/javascript">
		<!--
			validate = function() {
				var errors = "";
				var valid = true;
				if ($("#ssnCode1").is(":checked") && trim($("#ssn").val()).length < 4) {
					valid = false;
					errors += "Enter the last 4 digits of your SSN or select another value for Social Security Number\n";
				}
				if (Date.parse($("#dob").val()) < Date.parse("1/1/1940")) {
					valid = false;
					errors += "The DOB entered is out of range";
				}
				if (!valid) {
					alert(errors);
				}
				return valid;
			}
		
			checkSSN = function() {
				if ($("#ssnCode1").is(":checked")) {
					$("#ssn").removeAttr("disabled");
				} else if ($("#ssnCode2").is(":checked")) {
					$("#ssn").val("").attr("disabled", true);
				} else if ($("#ssnCode3").is(":checked")) {
					$("#ssn").val("").attr("disabled", true);
				}
			}
			
			trim = function(str) {
				var ret = "";
				ret = str.replace(/^\s*/,"");
				ret = ret.replace(/\s*$/,"");
				return ret;
			}
		
		//-->
		</script>
		
		<style type="text/css">
		<!--
			.required {
				color: #ff3300;
			}
			label {
				font-weight: bold;
			}
		-->
		</style>
	</cfif> --->
</head>
<body>

	<cfif Len(Trim(User)) eq 0>
		
		<div class="container">
			<div class="row">
				<div class="span4"></div>
				<div class="span4">
					<cfform action="#script_name#" name="workshopForm" method="post">
						<cfinput type="hidden" name="action" value="login" />
						<div class="question">Login</div>
						<div class="well">
							<div class="answers">
								<div class="clearfix">
									<label>Select yourself...</label>
									<cfselect name="Username" required="yes" message="User is required">
										<cfoutput>
											<cfloop index="i" from="1" to="#ArrayLen(users)#">
												<option value="#users[i].name#">#users[i].name#</option>
											</cfloop>
										</cfoutput>
									</cfselect>
								</div>
								<div class="clearfix">
									<label>Password</label>
									<cfinput type="password" name="Password" value="" />
								</div>
								<div class="clearfix">
									<cfinput type="submit" name="submitButtton" value="Next" class="btn btn-primary" />
								</div>
							</div>
						</div>
					</cfform>
				</div>
				<div class="span4"></div>
			</div>
		</div>
	
	<cfelseif qWorkshop.RecordCount eq 0>

		<div class="container">
			<div class="row">
				<div class="span4"></div>
				<div class="span4">
					<cfform action="#script_name#" name="workshopForm" method="post">
						<cfinput type="hidden" name="User" value="#User#" />
						<div class="question">Enter Workshop ID</div>
						<div class="well">
							<div class="answers">
								<div class="clearfix">
									<label>Workshop ID</label>
									<cfinput type="text" maxlength="10" id="Workshop_ID" name="Workshop_ID" required="yes" message="Workshop ID is required" autcomplete="off">
								</div>
								<div class="clearfix">
									<cfinput type="submit" name="submitButtton" value="Next" class="btn btn-primary" />
								</div>
							</div>
						</div>
					</cfform>
				</div>
				<div class="span4"></div>
			</div>
		</div>

	<cfelse>
	
		<cfscript>
			workshop = workshopGateway.get(Workshop_ID = Workshop_ID);
			siteGateway = new assets.calgrants.com.gateway.SiteGateway();
			site = siteGateway.get(Site_ID = workshop.getSite_ID());
			storedProcedureGateway = new assets.calgrants.com.gateway.StoredProcedureGateway();
			cities = storedProcedureGateway.call("getDistinctCities");
			highSchools = storedProcedureGateway.call("getDistinctHighSchools");
		</cfscript>
	
		<script type="text/javascript">
		
			var thisN = 0;
			var cities = new kendo.data.DataSource();
			var highSchools = new kendo.data.DataSource();
			<cfoutput>
				cities.data(#SerializeJSON(base.QueryToStruct(cities), false)#);
				highSchools.data(#SerializeJSON(base.QueryToStruct(highSchools), false)#);
			</cfoutput>
		
			$(window).keydown(function(e){
				//console.log(e.keyCode);
				// arrows l,u,r,d = 37,38,39,40
				// enter, tab = 13, 9
				// a-z = 65-89
				// 0-9 = 48-57
				// delete = 46
				switch (e.keyCode) {
					// enter
					case 13:
						if (e.target.type !== "submit") {
							e.preventDefault();
						}
					break;
					// right arrow
					case 39:
						e.preventDefault();
						nextQuestion();
					break;
					// left arrow
					case 37:
						e.preventDefault();
						previousQuestion();
					break;
					// down arrow
					case 40:
						if (e.target.type === "checkbox" || e.target.type === "radio") {
							e.preventDefault();
							nextAnswer(parseInt(e.target.className.substring(1)));
						}
						if (e.target.type === "text" && thisN !== 8 && thisN !== 20) {
							e.preventDefault();
							var currA = e.target.className.split(" ")[0];
							currA = currA.split("_")[0];
							currA = parseInt(currA.substring(1));
							nextAnswer(currA);
						}
					break;
					// up arrow
					case 38:
						if (e.target.type === "checkbox" || e.target.type === "radio") {
							e.preventDefault();
							previousAnswer(parseInt(e.target.className.substring(1)));
						}
						if (e.target.type === "text" && thisN !== 8 && thisN !== 20) {
							e.preventDefault();
							var currA = e.target.className.split(" ")[0];
							currA = currA.split("_")[0];
							currA = parseInt(currA.substring(1));
							currA = currA + 1;
							previousAnswer(currA);
						}
					break;
					// spacebar
					case 32:
						//console.log("Spacebar should select item");
					break;
					// delete
					case 46:
						$("#q" + thisN + " input:radio").prop("checked", false);
						$("#q" + thisN + " input:checkbox").prop("checked", false);
					break;
				}
			});
			goTo = function(divN) {
				if ($("div#n" + divN).length) {
					$("div#n" + thisN).hide();
					$("div#n" + divN).show();
					thisN = divN;
					$("div#n" + thisN + " .a1").focus();
				} else {
					alert("Question doesn't exist");
				}
			}
			nextQuestion = function() {
				var nextN = thisN + 1;
				if ($("div#n" + nextN).length) {
					$("div#n" + thisN).hide();
					$("div#n" + nextN).show();
					thisN = nextN;
					$("div#n" + thisN + " .a1").focus();
				} else {
					alert("Already on last question");
				}
			}
			previousQuestion = function() {
				var prevN = thisN - 1;
				if ($("div#n" + prevN).length) {
					$("div#n" + thisN).hide();
					$("div#n" + prevN).show();
					thisN = prevN;
					$("div#n" + thisN + " .a1").focus();
				} else {
					alert("Already on first question");
				}
			}
			nextAnswer = function(currentA) {
				var nextA = currentA + 1;
				if ($("div#n" + thisN + " .a" + nextA).length) {
					$("div#n" + thisN + " .a" + nextA).focus();
				}
			}
			previousAnswer = function(currentA) {
				var previousA = currentA - 1;
				if ($("div#n" + thisN + " .a" + previousA).length) {
					$("div#n" + thisN + " .a" + previousA).focus();
				}
			}
			toggleOther = function(q, a, o) {
				if (q === "q13") {
					if (a === "a1") {
						$("#" + q + "_other." + o).show();
						$("#" + q + "_other." + o).focus();
					} else if (a === "a2") {
						$("#" + q + "_other." + o).val("");
						$("#" + q + "_other." + o).hide();
					}
				} else {
					console.log($('#' + q + '.' + a).is(':checked'));
					if ($("#" + q + "." + a).is(":checked")) {
						$("#" + q + "_other." + o).show();
						$("#" + q + "_other." + o).focus();
					} else {
						$("#" + q + "_other." + o).val("");
						$("#" + q + "_other." + o).hide();
					}	
				}
			}
			validate = function() {
				var errors = "";
				var valid = true;
				if (!valid) {
					alert(errors);
				}
				return valid;
				//return false;
			}
			adjustSSN = function() {
				if ($("div#n21 .a10").is(":checked")) {
					$("#ssnContainer").show();
					$("div#n21 .a13").focus();
				} else if ($("div#n21 .a11").is(":checked") || $("div#n21 .a12").is(":checked")) {
					$("#ssnContainer").hide();
					$("div#n21 .a13").val("");
				} else if ($("div#n21 .a10b").is(":checked")) {
					$("#ssnContainer").show();
					$("div#n21 .a13").focus();
				}
			}
			checkSSN = function() {
				if ($("#ssnCode1").is(":checked")) {
					$("#ssn").removeAttr("disabled");
				} else if ($("#ssnCode2").is(":checked")) {
					$("#ssn").val("").attr("disabled", true);
				} else if ($("#ssnCode3").is(":checked")) {
					$("#ssn").val("").attr("disabled", true);
				} else if ($("#ssnCode4").is(":checked")) {
					$("#ssn").removeAttr("disabled");
				}
			}
			$(function() {
				$(":input").focus(
					function(e) {
						$("#" + e.target.id + " ." + e.target.className).parent().css("color", "orange");
					}
				);
				$(":input").blur(
					function(e) {
						$("#" + e.target.id + " ." + e.target.className).parent().css("color", "navy");
					}
				);
				
				$("div#n0 .a1").focus();
				
				$("#highSchoolAC").kendoAutoComplete({
					minLength: 3,
					dataTextField: "display",
					dataSource: highSchools,
					filter: "contains",
					select: function(e) {
						$("#highSchoolAC").blur();
						$("#highSchoolAC").val(e.item[0].innerHTML);
						$("#highSchoolAC").focus();
					}
				})
				
				$("#cityAC").kendoAutoComplete({
					minLength: 3,
					dataTextField: "city",
					dataSource: cities,
					filter: "contains",
					select: function(e) {
						$("#cityAC").blur();
						$("#cityAC").val(e.item[0].innerHTML);
						$("#cityAC").focus();
					}
				})

			})
		</script>
		
		<cfoutput>
		
			<cfquery name="GetUserCount" datasource="wms">
				select count(*) as recs
				from Student_2015_PB
				where Created_By = <cfqueryparam cfsqltype="cf_sql_varchar" value="#User#" />
				and deleted = 0
			</cfquery>
			
			<cfform id="exitSurveyForm" name="exitSurveyForm" action="#script_name#" method="post" onsubmit="return validate();">
				<cfinput type="hidden" name="User" value="#User#" />
				<cfinput type="hidden" name="Workshop_ID" value="#workshop.getWorkshop_ID()#">
				<cfinput type="hidden" name="action" value="saveExitSurvey" />
				
				<div class="container">
				
					<div class="row">
						<div class="span12">
							<div class="header well">
								<a href="#script_name#" class="btn btn-mini btn-success">Switch</a>&nbsp;&nbsp;Logged in as #User# - #GetUserCount.recs# records<br>
								<a href="#script_name#?User=#User#" class="btn btn-mini btn-success">Switch</a>&nbsp;&nbsp;Workshop ###Workshop_ID# - #site.getSite()#, #workshop.getWorkshop_Date()# #workshop.getStart_Time()#-#workshop.getEnd_Time()#
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="span2">
							<div class="well">
								<a href="##" onClick="goTo(0); return false;">Sequence Number</a><br>
								<a href="##" onClick="goTo(1); return false;">Question 1</a><br>
								<a href="##" onClick="goTo(2); return false;">Question 2</a><br>
								<a href="##" onClick="goTo(3); return false;">Question 3</a><br>
								<a href="##" onClick="goTo(4); return false;">Question 4</a><br>
								<a href="##" onClick="goTo(5); return false;">Question 5</a><br>
								<a href="##" onClick="goTo(6); return false;">Question 6</a><br>
								<a href="##" onClick="goTo(7); return false;">Question 7</a><br>
								<a href="##" onClick="goTo(8); return false;">Question 8</a><br>
								<a href="##" onClick="goTo(9); return false;">Question 9</a><br>
								<a href="##" onClick="goTo(10); return false;">Question 10</a><br>
								<a href="##" onClick="goTo(11); return false;">Question 11</a><br>
								<a href="##" onClick="goTo(12); return false;">Question 12</a><br>
								<a href="##" onClick="goTo(13); return false;">Question 13</a><br>
								<a href="##" onClick="goTo(14); return false;">Question 14</a><br>
								<a href="##" onClick="goTo(15); return false;">Question 15</a><br>
								<a href="##" onClick="goTo(16); return false;">Question 16</a><br>
								<a href="##" onClick="goTo(17); return false;">Question 17</a><br>
								<a href="##" onClick="goTo(18); return false;">Question 18</a><br>
								<a href="##" onClick="goTo(19); return false;">Question 19</a><br>
								<a href="##" onClick="goTo(20); return false;">Question 20</a><br>
								<a href="##" onClick="goTo(21); return false;">Contact Info</a>
							</div>
						</div>
						<div class="span10">
							<div id="n0">
								<div class="question">Sequence Number</div>
								<div class="answers">
									#Workshop_ID# - <cfinput type="text" name="Sequence" maxlength="5" value="" class="a1" style="width: 80px;">
								</div>
							</div>
							<div id="n1" style="display: none;">
								<div class="question">1. How would you rate this workshop overall?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q1" class="a1" value="1">
										Excellent
									</label>
									<label class="radio">
										<cfinput type="radio" name="q1" class="a2" value="2">
										Good
									</label>
									<label class="radio">
										<cfinput type="radio" name="q1" class="a3" value="3">
										Fair
									</label>
									<label class="radio">
										<cfinput type="radio" name="q1" class="a4" value="4">
										Poor
									</label>
								</div>
							</div>
							<div id="n2" style="display: none;">
								<div class="question">2. Before you heard about this workshop, did you know how to apply for financial aid?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q2" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q2" class="a2" value="2"> 
										No
									</label>
									<label class="radio">
										<cfinput type="radio" name="q2" class="a3" value="3"> 
										A little, but not all I needed to know
									</label>
								</div>
							</div>
							<div id="n3" style="display: none;">
								<div class="question">3. Could you have completed the FAFSA on your own, without the help provided by a Cash for College workshop?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q3" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q3" class="a2" value="2"> 
										No
									</label>
									<label class="radio">
										<cfinput type="radio" name="q3" class="a3" value="3"> 
										Probably, but not as well
									</label>
								</div>
							</div>
							<div id="n4" style="display: none;">
								<div class="question">4. Was the help you received worth the effort of attending?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q4" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q4" class="a2" value="2"> 
										No
									</label>
									<label class="radio">
										<cfinput type="radio" name="q4" class="a3" value="3"> 
										Not sure
									</label>
								</div>
							</div>
							<div id="n5" style="display: none;">
								<div class="question">5. Will you be the first member of your family to attend college?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q5" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q5" class="a2" value="2"> 
										No
									</label>
								</div>
							</div>
							<div id="n6" style="display: none;">
								<div class="question">6. Highest level of education your parent's completed</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q6" class="a1" value="1"> 
										Didn't complete high school
									</label>
									<label class="radio">
										<cfinput type="radio" name="q6" class="a2" value="2"> 
										High School or GED
									</label>
									<label class="radio">
										<cfinput type="radio" name="q6" class="a3" value="3"> 
										Some college but no degree
									</label>
									<label class="radio">
										<cfinput type="radio" name="q6" class="a4" value="4"> 
										Vocational certificate
									</label>
									<label class="radio">
										<cfinput type="radio" name="q6" class="a5" value="5"> 
										2-year degree
									</label>
									<label class="radio">
										<cfinput type="radio" name="q6" class="a6" value="6"> 
										4-year degree or higher
									</label>
								</div>
							</div>
							<div id="n7" style="display: none;">
								<div class="question">7. Are you a high school senior?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q7" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q7" class="a2" value="2"> 
										No
									</label>
									<label class="radio">
										<cfinput type="radio" name="q7" class="a3" value="3"> 
										Family member of senior
									</label>
								</div>
							</div>
							<div id="n8" style="display: none;">
								<div class="question">8. What high school do you attend (name of school and city)?</div>
								<div class="answers">
									<cfinput type="text" id="highSchoolAC" name="q8" maxlength="200" value="" class="a1" style="width: 600px;" autocomplete="off">
								</div>
							</div>
							<div id="n9" style="display: none;">
								<div class="question">9. Are you member of a social networking site?  (Mark all that apply)</div>
								<div class="answers">
									<label class="checkbox">
										<cfinput type="checkbox" name="q9" class="a1" value="1"> 
										Facebook
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q9" class="a2" value="5">
										Twitter
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q9" class="a3" value="3" onClick="toggleOther('q9', 'a3', 'a3_other')">
										Other 
									</label>
									<cfinput type="text" placeholder="Enter other site(s)" maxlength="200" name="q9_other" class="a3_other" style="display: none;">
									<label class="checkbox">
										<cfinput type="checkbox" name="q9" class="a4" value="4">
										None
									</label>
								</div>
							</div>
							<div id="n10" style="display: none;">
								<div class="question">10. Did you attend with your parent or guardian today?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q10" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q10" class="a2" value="2"> 
										No
									</label>
								</div>
							</div>
							<!--- 2014-2015 change!!! Notice question is #11 but in database is #21 --->
							<div id="n11" style="display: none;">
								<div class="question">11. At any time since you turned age 13, were both of your parents deceased, were you in foster care or were you a dependent ward of the court?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q21" class="a1" value="1"> 
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q21" class="a2" value="2"> 
										No
									</label>
								</div>
							</div>
							<!--- Beyond this line, all question numbers have been incremented by +1 --->
							<div id="n12" style="display: none;">
								<div class="question">12. What is your gender?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q11" class="a1" value="1"> 
										Male
									</label>
									<label class="radio">
										<cfinput type="radio" name="q11" class="a2" value="2"> 
										Female
									</label>
									<label class="radio">
										<cfinput type="radio" name="q11" class="a3" value="3"> 
										Decline to Answer
									</label>
								</div>
							</div>
							<div id="n13" style="display: none;">
								<div class="question">13. What is your race/ethnicity? (Mark all that apply)</div>
								<div class="answers">
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a1" value="1"> 
										American Indian or Alaskan Native
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a2" value="2"> 
										Asian
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a3" value="3"> 
										Black/African American
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a4" value="4"> 
										Hispanic/Latino
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a5" value="5"> 
										Native Hawaiian or other Pacific Islander
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a6" value="6"> 
										White
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a7" value="7" onClick="toggleOther('q12', 'a7', 'a7_other')">
										Other 
									</label>
									<cfinput type="text" name="q12_other" class="a7_other" maxlength="200" placeholder="Enter other race/ethnicity" style="display: none;">
									<label class="checkbox">
										<cfinput type="checkbox" name="q12" class="a8" value="8"> 
										Decline to Answer
									</label>
								</div>
							</div>
							<div id="n14" style="display: none;">
								<div class="question">14. Do you usually speak a language other than English at home?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q13" class="a1" value="1" onClick="toggleOther('q13', 'a1', 'a1_other')">
										Yes 
									</label>
									<cfinput type="text" name="q13_other" class="a1_other" placeholder="Enter other language" maxlength="200" style="display: none;">
									<label class="radio">
										<cfinput type="radio" name="q13" class="a2" value="2" onClick="toggleOther('q13', 'a2', 'a1_other')"> 
										No
									</label>
								</div>
							</div>
							<div id="n15" style="display: none;">
								<div class="question">15. How did you hear about this Cash for College workshop? (Mark all that apply)</div>
								<div class="answers">
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a1" value="1"> 
										School flyer/poster
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a2" value="2"> 
										School counselor
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a3" value="3"> 
										Teachers/school staff
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a4" value="4"> 
										Radio
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a5" value="5"> 
										Newspaper
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a6" value="6"> 
										Website/e-mail
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a7" value="7"> 
										Mailing
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a8" value="8"> 
										Phone call
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a9" value="9"> 
										Friend/classmate
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a10" value="10"> 
										Family
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a11" value="11"> 
										Community organization
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a12" value="12"> 
										Church
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a13" value="13"> 
										Cal-SOAP event/staff
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a14" value="15"> 
										Facebook or Twitter
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q14" class="a15" value="14" onClick="toggleOther('q14', 'a15', 'a15_other')">
										Other
									</label>
									<cfinput type="text" name="q14_other" class="a15_other" placeholder="Enter other method" maxlength="200" style="display: none;">
								</div>
							</div>
							<div id="n16" style="display: none;">
								<div class="question">16. Did you finish your FAFSA and/or CA Dream Act application today?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q15" class="a1" value="1"> 
										Yes (Skip to question 19)
									</label>
									<label class="radio">
										<cfinput type="radio" name="q15" class="a2" value="2"> 
										Some, not all
									</label>
									<label class="radio">
										<cfinput type="radio" name="q15" class="a3" value="3"> 
										No, none
									</label>
									<label class="radio">
										<cfinput type="radio" name="q15" class="a4" value="4"> 
										No, already done
									</label>
								</div>
							</div>
							<div id="n17" style="display: none;">
								<div class="question">17. If you didn't finish your FAFSA and/or CA Dream Act application today, please tell us why: (Mark all that apply)</div>
								<div class="answers">
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" class="a1" value="1">
										Don't have taxes complete
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" class="a2" value="3">
										Computer problems
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" class="a3" value="5">
										Needed CA Dream Act help
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" class="a4" value="2">
										Don't have financial info
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" class="a5" value="4">
										Will submit later
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q16" value="6" class="a6" onClick="toggleOther('q16', 'a6', 'a6_other')">
										Other 
									</label>
									<cfinput type="text" name="q16_other" class="a6_other" placeholder="Enter other reason" maxlength="200" style="display: none;">
								</div>
							</div>
							<div id="n18" style="display: none;">
								<div class="question">18. Would you like more help to complete the FAFSA and/or CA Dream Act application?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q17" class="a1" value="1">
										Yes
									</label>
									<label class="radio">
										<cfinput type="radio" name="q17" class="a2" value="2">
										Maybe
									</label>
									<label class="radio">
										<cfinput type="radio" name="q17" class="a3" value="3">
										No
									</label>
								</div>
							</div>
							<div id="n19" style="display: none;">
								<div class="question">19. How could this workshop be improved? (Mark all that apply)</div>
								<div class="answers">
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" class="a1" value="1"> 
										No improvement needed
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" class="a2" value="2"> 
										More one-to-one help
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" class="a3" value="3"> 
										More translators
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" class="a4" value="4"> 
										Explain in more detail
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" class="a5" value="5"> 
										Session too long
									</label>
									<label class="checkbox">
										<cfinput type="checkbox" name="q18" value="6" class="a6" onClick="toggleOther('q18', 'a6', 'a6_other')">
										Other<br />
									</label>
									<cfinput type="text" name="q18_other" class="a6_other" placeholder="Enter other reason" maxlength="200" style="display: none;">
								</div>
							</div>
							<div id="n20" style="display: none;">
								<div class="question">20. Did the Cash for College scholarship motivate you to attend?</div>
								<div class="answers">
									<label class="radio">
										<cfinput type="radio" name="q19" class="a1" value="1"> 
										Yes, definitely motivated me
									</label>
									<label class="radio">
										<cfinput type="radio" name="q19" class="a2" value="2"> 
										Motivated me a little
									</label>
									<label class="radio">
										<cfinput type="radio" name="q19" class="a3" value="3"> 
										Didn't motivate me at all
									</label>
									<label class="radio">
										<cfinput type="radio" name="q19" class="a4" value="4"> 
										Didn't know about it
									</label>
								</div>
							</div>
							<div id="n21" style="display: none;">
								<div class="question">Contact Info</div>
								<div class="answers">
									<div class="clearfix">
										<label>First Name</label>
										<cfinput type="text" maxlength="50" name="First_Name" required="no" message="First Name is required" class="a1" autcomplete="off" style="width: 400px;">
									</div>
									<div class="clearfix">
										<label>Last Name</label>
										<cfinput type="text" maxlength="50" name="Last_Name" required="no" message="Last Name is required" class="a2" autcomplete="off" style="width: 400px;">
									</div>
									<div class="clearfix">
										<label>Home Phone</label>
										<cfinput type="text" name="Phone1" validate="telephone" message="Home Phone must be in #################### format" class="a3" placeholder="####################" autocomplete="off" style="width: 400px;">
									</div>
									<div class="clearfix">
										<label>Cell Phone</label>
										<cfinput type="text" name="Phone2" validate="telephone" message="Cell Phone must be in #################### format" class="a4" placeholder="####################" autocomplete="off" style="width: 400px;">
									</div>
									<div class="clearfix">
										<label>Address</label>
										<cfinput type="text" maxlength="200" name="Address" required="no" message="Home Address is required" class="a5" autcomplete="off" style="width: 400px;">
									</div>
									<div class="kendo-control clearfix">
										<label>City</label>
										<cfinput id="cityAC" name="City" class="a6" style="width: 418px;" autocomplete="off" />
									</div>
									<div class="clearfix">
										<label>Zip Code</label>
										<cfinput type="text" maxlength="5" name="Zip_Code" required="no" validate="zipcode" message="Zip Code must be in ########## format" placeholder="##########" class="a7" style="width: 100px;">
									</div>
									<div class="clearfix">
										<label>E-mail</label>
										<cfinput type="text" maxlength="200" name="Email" validate="email" message="E-mail must be a valid e-mail address" class="a8" autcomplete="off" style="width: 400px;">
									</div>
									<div class="clearfix">
										<label>Date of Birth</label>
										<cfinput type="text" maxlength="200" id="dob" name="DOB" placeholder="m/d/yy" required="no" validate="date" message="Date of Birth is required and must be a valid date" class="a9" autcomplete="off" style="width: 100px;">
									</div>
									<div class="clearfix" style="margin-bottom: 6px;">
										<label>Have SSN?</label>
										<label class="radio">
											<cfinput type="radio" name="SSN_Code" value="1" class="a10" onClick="adjustSSN();" checked="yes">
											I have an SSN
										</label>
										<label class="radio">
											<cfinput type="radio" name="SSN_Code" value="4" class="a10b" onClick="adjustSSN();">
											I have an DACA SSN
										</label>
										<label class="radio">
											<cfinput type="radio" name="SSN_Code" value="2" class="a11" onClick="adjustSSN();">
											I do not have an SSN
										</label>
										<label class="radio">
											<cfinput type="radio" name="SSN_Code" value="3" class="a12" onClick="adjustSSN();">
											I don't remember my SSN
										</label>
									</div>
									<div id="ssnContainer" class="clearfix">
										<label>SSN/DACA SSN</label>
										<cfinput name="SSN" type="text" validate="integer" placeholder="########" maxlength="4" class="a13" style="width: 100px;">
									</div>
									<div class="clearfix">
										<cfinput type="submit" name="submitButtton" value="Save Exit Survey" class="btn btn-primary" />
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>

			</cfform>
			
		</cfoutput>
	
	</cfif>
		
</body>
</html>
<!--- 
<div id="n1" class="q">
	<div class="question">1. How would you rate this workshop overall?</div>
	<div class="answers">
		<label class="radio">
			<cfinput type="radio" name="q1" class="a1" value="1">
			Excellent
		</label>
		<label class="radio">
			<cfinput type="radio" name="q1" class="a2" value="2">
			Good
		</label>
		<label class="radio">
			<cfinput type="radio" name="q1" class="a3" value="3">
			Fair
		</label>
		<label class="radio">
			<cfinput type="radio" name="q1" class="a4" value="4">
			Poor
		</label>
	</div>
</div>


<div id="n2" class="q" style="display: none;">
	<div class="question">2. Before you heard about this workshop, did you know how to apply for financial aid?</div>
	<div class="answers">
		<label class="radio">
			<cfinput type="radio" name="q2" class="a1" value="1"> 
			Yes
		</label>
		<label class="radio">
			<cfinput type="radio" name="q2" class="a2" value="2"> 
			No
		</label>
		<label class="radio">
			<cfinput type="radio" name="q2" class="a3" value="3"> 
			A little, but not all I needed to know
		</label>
	</div>
</div>

<div id="n3" class="q" style="display: none;">
	<div class="question">3. How would you rate this workshop overall?</div>
	<div class="answers">
		<label  class="radio">
			<cfinput type="radio" name="q3" class="a1" value="1">
			Excellent
		</label>
		<label class="radio">
			<cfinput type="radio" name="q3" class="a2" value="2">
			Good
		</label>
		<label class="radio">
			<cfinput type="radio" name="q3" class="a3" value="3">
			Fair
		</label>
		<label class="radio">
			<cfinput type="radio" name="q3" class="a4" value="4">
			Poor
		</label>
	</div>
</div>

<div id="n4" class="q" style="display: none;">
	<div class="question">4. What is your race/ethnicity? (Mark all that apply)</div>
	<div class="answers">
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a1" value="1"> 
			American Indian or Alaskan Native
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a2" value="2"> 
			Asian
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a3" value="3"> 
			Black/African American
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a4" value="4"> 
			Hispanic/Latino
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a5" value="5"> 
			Native Hawaiian or other Pacific Islander
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a6" value="6"> 
			White
		</label>
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a7" value="7" onClick="toggleOther('q4', 'a7', 'a7_other')">
			Other 
		</label>
		<cfinput type="text" name="q4_other" class="a7_other" maxlength="200" placeholder="Enter other race/ethnicity" style="display: none;">
		<label class="checkbox">
			<cfinput type="checkbox" name="q4" class="a8" value="8"> 
			Decline to Answer
		</label>
	</div>
</div>
 --->